<?xml version="1.0" encoding="UTF-8"?>
<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:aui="http://liferay.com/faces/aui"
	xmlns:c="http://java.sun.com/jsp/jstl/core" 
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:example-cc="http://java.sun.com/jsf/composite/example-cc"
	xmlns:ui="http://java.sun.com/jsf/facelets" 
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:icecore="http://www.icefaces.org/icefaces/core">

		<ace:dialog id="adminEncuestaDialog" header="A sample dialog overview example"
			widgetVar="adminEncuestaDialog" closable="true" modal="true"
			draggable="false" showEffect="clip" hideEffect="fade" width="800">

			<h:form id="inputForm">
				<h:panelGrid columns="2" width="100%">
					<h:outputLabel  
						value="ID:" />
					<h:inputText value="#{encuestaAdminViewBean.encuesta.idEncuesta}" />				
					<h:outputLabel  
						value="Empresa:" />
					<h:inputText value="#{encuestaAdminViewBean.encuesta.empresa}" />
										


					<h:outputLabel id="lastNameLabel" for="lastNameInputField"
						value="Objetivo:" />
					<h:inputText value="#{encuestaAdminViewBean.encuesta.objetivo}" />

					<h:outputLabel id="fechaInicioLabel" for="fechaInicioInputField"
						value="Fecha Inicio:" />
					<ace:dateTimeEntry id="calNoIcon" showOn="button"
						pattern="dd/MM/yyyy" renderAsPopup="true" popupIcon="null" value="#{encuestaAdminViewBean.encuesta.fechaInicio}" />
					<h:outputLabel id="fechaFinLabel" for="fechaFinInputField"
						value="Fecha Fin:" />
					<ace:dateTimeEntry id="calNoIcon2" showOn="button"
						pattern="dd/MM/yyyy" renderAsPopup="true" popupIcon="null" value="#{encuestaAdminViewBean.encuesta.fechaFin}" />
				</h:panelGrid>
				
				<ace:dataTable id="carTable" value="#{encuestaAdminViewBean.preguntas}"
					var="pregunta">
					<ace:column id="id" headerText="id">
						<ace:cellEditor>
							<f:facet name="output">
								<h:outputText id="idCell" value="#{pregunta.idPregunta}" />
							</f:facet>
							<f:facet name="input">
								<h:inputText id="idInput" value="#{pregunta.id}" />
							</f:facet>
						</ace:cellEditor>
					</ace:column>
					<ace:column id="name" headerText="Nombre">
						<ace:cellEditor>
							<f:facet name="output">
								<h:outputText id="nameCell" value="#{pregunta.nombre}" />
							</f:facet>
							<f:facet name="input">
								<h:inputText id="nameInput" value="#{pregunta.nombre}" />
							</f:facet>
						</ace:cellEditor>
					</ace:column>
					<ace:column id="pregunta" headerText="Pregunta">
						<ace:cellEditor>
							<f:facet name="output">
								<h:outputText id="preguntaCell" value="#{pregunta.pregunta}" />
							</f:facet>
							<f:facet name="input">
								<h:inputText id="preguntaInput" value="#{pregunta.pregunta}" />
							</f:facet>
						</ace:cellEditor>
					</ace:column>
					<ace:column id="tipo" headerText="Tipo Componente">
						<ace:cellEditor>
							<f:facet name="output">
								<h:outputText id="tipoCell" value="#{pregunta.tipo}" />
							</f:facet>
							<f:facet name="input">
	
								<h:selectOneMenu value="#{pregunta.tipo}">
									<f:selectItems value="#{encuestaAdminViewBean.tiposCampo}" />
								</h:selectOneMenu>
	
							</f:facet>
						</ace:cellEditor>
					</ace:column>					
					<ace:column id="opciones" headerText="Opciones">
						<ace:cellEditor>
							<f:facet name="output">
								<h:outputText id="opcionesCell" value="#{pregunta.opciones}" />
							</f:facet>
							<f:facet name="input">
								<h:inputText id="opcionesInput" value="#{pregunta.opciones}" />
							</f:facet>
						</ace:cellEditor>
					</ace:column>

					<ace:column id="options" headerText="Acciones">
						<ace:rowEditor id="editor" />
						<ace:linkButton value="up"/>
					</ace:column>
				</ace:dataTable>
			

				<h:panelGrid width="100%" style="text-align: center;">
					<h:commandButton id="submit" value="Click me once done with input"
						onclick="adminEncuestaDialog.hide();" />
					<h:commandButton value="Agregar Pregunta" actionListener="#{encuestaAdminViewBean.agregarPreguntaActionListener}"/>
				</h:panelGrid>
				<h:commandButton value="Enviar" actionListener="#{encuestaAdminViewBean.save}"  /><h:button value="Cancelar"/>
			</h:form>

		</ace:dialog>
</ui:composition>